<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


  <link rel="stylesheet" type="text/css" href="../assets/css/zui.min.css"/>
  <link rel="stylesheet" href="../assets/css/eidtpage.css">
  <link rel="stylesheet" type="text/css" href="../assets/js/bootstrap-colorpicker/css/colorpicker.css"/>
  <title>编辑模版页</title>
</head>
<body>
<div class="editpage-body">
  <div class="editpage-title">
    <h2>编辑模版页 <a href="4-选择模板.html" class="back">返回</a></h2>
    <a href="4-选择模板.html" class="layui-icon layui-icon-close close_back"></a>
  </div>
  <div class="editpage">
    <div class="editpage_left">
  <div class="tips-title">
    <p>双击或拖动可添加组件</p>
  </div>
  <div class="layui-collapse">
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">基础组件</h2>
      <div class="layui-colla-content layui-show">
        <ul class="zujian_list">
          <li class="active">
            <div class="box box-element ui-draggable only" data-type="1">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_01.png" alt=""></div>
                <div class="text">商品信息</div>
              </div>
              <div class="view">
                <img style="width: 100%;" src="../assets/images/edit/img001.jpg" alt="">
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="2">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_02.png" alt=""></div>
                <div class="text">公司信息</div>
              </div>
              <div class="view">
                <img style="width: 100%;" src="../assets/images/edit/img002.jpg" alt="">
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="3">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_03.png" alt=""></div>
                <div class="text">分割线</div>
              </div>
              <div class="view">
                <div class="diy-hr">
                  <div class="hr"></div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="4">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_04.png" alt=""></div>
                <div class="text">辅助空白</div>
              </div>
              <div class="view">
                <div class="diy-space"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="5">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_05.png" alt=""></div>
                <div class="text">推荐商品</div>
              </div>
              <div class="view">
                <div class="diy-tuijian">
                  <ul>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/sj_tuijian1.png" alt="">
                      </div>
                      <div class="text">商品名称</div>
                      <div class="price">￥<strong>0.00</strong></div>
                    </li>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/sj_tuijian1.png" alt="">
                      </div>
                      <div class="text">商品名称</div>
                      <div class="price">￥<strong>0.00</strong></div>
                    </li>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/sj_tuijian1.png" alt="">
                      </div>
                      <div class="text">商品名称</div>
                      <div class="price">￥<strong>0.00</strong></div>
                    </li>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/sj_tuijian1.png" alt="">
                      </div>
                      <div class="text">商品名称</div>
                      <div class="price">￥<strong>0.00</strong></div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="6">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_06.png" alt=""></div>
                <div class="text">自定义栏目</div>
              </div>
              <div class="view">
                <div class="layui-card">
                  <div class="layui-card-header">自定义标题</div>
                  <div class="layui-card-body">
                    请输入图文详情
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable dome-rightkf" data-type="7">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_07.png" alt=""></div>
                <div class="text">客服/关注</div>
              </div>
              <div class="view">
                <div class="diy-kf" style="text-align: right;">
                  <img src="../assets/images/edit/kfbtn.png" alt="" style="width: 20%;">
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="8">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_08.png" alt=""></div>
                <div class="text">联系方式</div>
              </div>
              <div class="view">
                <div class="layui-card">
                  <div class="layui-card-header">联系方式</div>
                  <div class="layui-card-body">
                    <p>联系人：王某某</p>
                    <p>联系电话：13423432343</p>
                    <p style="display: flex;width: 100%;justify-content: space-between;align-items: center;">
                      <span>地址：广州市天河区棠村小区</span><img src="../assets/images/icon_dz.png" alt="" style="width: 16px;height: 16px;">
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">应用组件</h2>
      <div class="layui-colla-content layui-show">
        <ul class="zujian_list">
          <li class="active-wkt">
            <div class="box box-element ui-draggable" data-type="9">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_09.png" alt=""></div>
                <div class="text">溯源档案</div>
              </div>
              <div class="view">
                <div class="layui-card">
                  <div class="layui-card-header">溯源档案</div>
                  <div class="layui-card-body">
                    <p>商品名称： XXX 名称</p>
                    <p>生产经营者： 湖南省长沙市</p>
                    <p>识别代码： 104683854231</p>
                    <p>生产批次： 20180911</p>
                    <p>生产日期：2019-09-11</p>
                    <p>追溯网址： http://beiyu.suyan315.com</p>
                    <p class="text-blue">更多档案信息>></p>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="10">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_10.png" alt=""></div>
                <div class="text">防伪查询</div>
              </div>
              <div class="view">
                <img style="width: 100%;" src="../assets/images/edit/img003.jpg" alt="">
              </div>
            </div>
          </li>
          <li>
            <div class="box box-element ui-draggable" data-type="11">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_11.png" alt=""></div>
                <div class="text">授权查询</div>
              </div>
              <div class="view">
                <img style="width: 100%;" src="../assets/images/edit/img0033.jpg" alt="">
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">菜单组件</h2>
      <div class="layui-colla-content layui-show">
        <ul class="zujian_list">
          <li>
            <div class="box box-element ui-draggable box_type12" data-type="12">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_12.png" alt=""></div>
                <div class="text">功能菜单</div>
              </div>
              <div class="view">
                <div class="diy-menu">
                  <span class="arrow-r"></span>
                  <ul>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/12_11.png" alt="">
                      </div>
                      <div class="text">菜单名称</div>
                    </li>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/12_11.png" alt="">
                      </div>
                      <div class="text">菜单名称</div>
                    </li>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/12_11.png" alt="">
                      </div>
                      <div class="text">菜单名称</div>
                    </li>
                    <li>
                      <div class="icon">
                        <img src="../assets/images/edit/12_11.png" alt="">
                      </div>
                      <div class="text">菜单名称</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>



























    <div class="editpage_middel">
      <div class="phone_box content-layout">
        <div class="phone_hd"><div class="title"><span class="title_text">首页</span><input class="title_input" placeholder="请输入页面标题" type="text" value=""></div><span class="set_share"></span></div>
        <div class="phone_bd">
          <div class="demo ui-sortable">
            <div id="abox"></div>
            <div class="box box-element ui-draggable only" data-type="1" data-id="10086" style="display: block;">
              <div class="drag">
                <div class="icon"><img src="../assets/images/zj_icon_01.png" alt=""></div>
                <div class="text">商品信息</div>
              </div>
              <div class="view">
                <img style="width: 100%;" src="../assets/images/edit/img001.jpg" alt="">
              </div>
              <div class="diy-conitem-action-btns">
                <a href="javascript:;" class="diy-conitem-btn diy-move js-move drag"></a>
                <a href="javascript:;" class="diy-conitem-btn diy-del js-del"></a>
              </div>
            </div>
          </div>
          <div id="download-layout">
            <div class="m-container-fluid"></div>
          </div>
        </div>
        <div class="phone_ft"></div>
      </div>
    </div>
    <div class="editpage_right diy-ctrl">
  <!--基础信息 表单-->
  <div class="configurator editpage_form" id="share_config">
    <h3 style="padding-left: 10px;" class="fw600 mb10">微信分享</h3>
    <div class="alert-msg">
      <p><i class="icon_tips"></i>勾选需要显示的功能菜单，菜单序号数值越小排序越靠前</p>
      <span class="close_alert"></span>
    </div>
    <div class="zpform_block">
      <form class="form-horizontal">
        <div class="form-group">
          <label class="col-sm-2">页面标题：</label>
          <div class="col-sm-8">
            <div class="form-control text">
              <input type="text" name="title" placeholder="分享微信显示的标题名称"  maxlength="30" class="layui-input w100">
            </div>
          </div>
          <div class="col-sm-2">
            <a href="javascript:;" data-toggle="tips" data-type="img" data-width="260" data-url="../assets/images/ckxlimg.jpg" class="text-blue">示例</a>
          </div>
        </div>
        <div class="form-group" style="align-items: baseline;">
          <label class="col-sm-2">页面描述：</label>
          <div class="col-sm-8">
            <div class="form-control text">
              <!--<input type="hidden" name="text_ctn" value="">-->
              <textarea name="desc" placeholder="分享微信显示的描述内容" class="layui-textarea" style="line-height: 16px;"></textarea>
            </div>
          </div>
        </div>
        <div class="form-group" style="align-items: inherit;">
          <label class="col-sm-2">分享图标：</label>
          <div class="col-sm-10">
            <div class="form-control text" style="padding-top: 0px;">
              <div class="b-img hide" style="position: relative;display: inline-block;">
                <img src="../assets/images/icon_close_alert.png" alt="" class="wx-img">
                <div class="wx-img_close"><img src="../assets/images/icon_close_alert.png" alt=""></div>
              </div>
              <label class="addbtn" style="background-color: #ffffff;"><input type="file" name="wx-file"></label>
            </div>
            <div>
              <p style="color:#ccc;">上传要求：建议上传图标尺寸为200*200px</p>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
  </div>
  <!--底部栏按钮-->
  <div class="page-footer">
  <div class="btn-outside">
    <button onclick="save()" class="layui-btn" style="background-color: #0087f1;">保存</button>
    <button class="layui-btn layui-btn-primary">重置</button>
  </div>
</div>
</div>

<!--编辑页面 模板-->
<!--按钮组模板-->
<script type="text/html" id="btnTemplet">
    <div class="diy-conitem-action-btns">
        <a href="javascript:;" class="diy-conitem-btn diy-move js-move drag"></a>
        <a href="javascript:;" class="diy-conitem-btn diy-del js-del"></a>
    </div>
</script>
<!--设置区模板-->
<div class="layui-hide" id="configtpl">
    <div id="tpl_01">
        <div class="configurator hide">
        </div>
    </div>
    <div id="tpl_02">
        <div class="configurator hide">
        </div>
    </div>
    <div id="tpl_03">
        <div class="configurator editpage_form">
            <!--设置分隔线-->
            <h3 style="padding-left: 10px;" class="fw600 mb10">设置分隔线</h3>
            <div class="alert-msg">
                <p><i class="icon_tips"></i>勾选需要显示的功能菜单，菜单序号数值越小排序越靠前</p>
                <span class="close_alert"></span>
            </div>
            <div class="zpform_block">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2">颜色：</label>
                        <div class="col-sm-6">
                            <div data-color-format="rgb" data-color="rgb(255, 227, 214)" class="input-append colorpicker-default color">
                                <input type="text" name="color" value="#ffe3d6" class="form-control" style="width: 0px; height: 0px; position:absolute;">
                                <span class="input-group-btn add-on">
                                  <i style="background-color: rgb(181, 0, 56);">颜色选择</i>
                              </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" >
                        <label class="col-sm-2">线型：</label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" value="dashed" name="rdline"> 虚线
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="solid" name="rdline" checked> 实线
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2">高度：</label>
                        <div class="col-sm-10">
                            <div class="form-control text">
                                <input type="range"  name="hrange" value="1" style="background-size:1% 100%;"/>
                                <span class="rangeval">1</span></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2">上下间距：</label>
                        <div class="col-sm-10">
                            <div class="form-control text">
                                <input type="range"  name="setpadding" value="15" style="background-size:15% 100%;"/>
                                <span class="rangeval">15</span></div>
                        </div>
                    </div>
                </form>

            </div>

        </div>
    </div>
    <div id="tpl_04">
        <!--辅助空白 表单-->
        <div class="configurator editpage_form">
            <h3 style="padding-left: 10px;" class="fw600 mb10">辅助空白</h3>
            <div class="zpform_block">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2">颜色：</label>
                        <div class="col-sm-6">
                            <div data-color-format="rgb" data-color="rgb(255, 227, 214)" class="input-append colorpicker-default color">
                                <input type="text" name="color" value="#ffe3d6" class="form-control" style="width: 0px; height: 0px; position:absolute;">
                                <span class="input-group-btn add-on">
                                  <i style="background-color: rgb(181, 0, 56);">颜色选择</i>
                              </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2">高度：</label>
                        <div class="col-sm-10">
                            <div class="form-control text">
                                <input type="range"  name="hrange" value="20" style="background-size:20% 100%;"/>
                                <span class="rangeval">20</span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="tpl_05">
        <!--推荐商品-->
        <div class="configurator   editpage_form ">
            <h3 style="padding-left: 10px;" class="fw600 mb10">推荐商品</h3>
            <div class="alert-msg">
                <p><i class="icon_tips"></i>勾选需要显示的功能菜单，菜单序号数值越小排序越靠前</p>
                <span class="close_alert"></span>
            </div>
            <div class="set-box">
                <div class="layui-form">
                    <div class="layui-form-item flex-start">
                        <label class="layui-form-label">推荐规则</label>
                        <div class="layui-input-block">
                            <div>
                                <div>
                                    <select name="shop-type" id="" class="w100" lay-filter="shop-type">
                                        <option value="0">同类商品</option>
                                        <option value="1">指定商品</option>
                                        <option value="2">热门商品</option>
                                    </select>
                                </div>
                                <div class="text-muted mt5">选择“同分类商品”，推荐消费者同款商品，达到千人千面的效果</div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item flex-start form-group">
                        <label class="layui-form-label">商品数量</label>
                        <div class="layui-input-block">
                            <div>
                                <div>
                                    <input class="layui-input" type="text" placeholder="请输入商品数量">
                                </div>
                                <div class="text-muted mt5">建议推荐4个商品为佳</div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item flex-start select-shop hide">
                        <label class="layui-form-label">选择商品</label>
                        <div class="layui-input-block">
                            <div>
                                <div>
                                    <ul class="select_pro_show">
                                        <li>
                                            <i class="icon_del"></i>
                                            <div class="box">
                                                <div class="img">
                                                    <img src="../assets/images/goods01.jpg" alt="">
                                                </div>
                                                <div class="text">
                                                    <div class="pro_title">米家电磁炉</div>
                                                    <div class="pro_price">￥299.00</div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <i class="icon_del"></i>
                                            <div class="box">
                                                <div class="img">
                                                    <img src="../assets/images/goods01.jpg" alt="">
                                                </div>
                                                <div class="text">
                                                    <div class="pro_title">米家电磁炉</div>
                                                    <div class="pro_price">￥299.00</div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <i class="icon_del"></i>
                                            <div class="box">
                                                <div class="img">
                                                    <img src="../assets/images/goods01.jpg" alt="">
                                                </div>
                                                <div class="text">
                                                    <div class="pro_title">米家电磁炉</div>
                                                    <div class="pro_price">￥299.00</div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <i class="icon_del"></i>
                                            <div class="box">
                                                <div class="img">
                                                    <img src="../assets/images/goods01.jpg" alt="">
                                                </div>
                                                <div class="text">
                                                    <div class="pro_title">米家电磁炉</div>
                                                    <div class="pro_price">￥299.00</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="mt5">
                                    <button type="button" onclick="selectShop()" class="layui-btn layui-btn-primary primary_btn">选择商品
                                    </button>
                                </div>
                                <div class="text-muted mt5">建议推荐4个商品为佳 </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="tpl_06">
        <!--自定义栏目 表单-->
        <div class="configurator editpage_form">
            <h3 style="padding-left: 10px;" class="fw600 mb10">自定义栏目</h3>
            <div class="alert-msg">
                <p><i class="icon_tips"></i>勾选需要显示的功能菜单，菜单序号数值越小排序越靠前</p>
                <span class="close_alert"></span>
            </div>
            <div class="zpform_block">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2">标题：</label>
                        <div class="col-sm-10">
                            <div class="form-control text">
                                <input type="text"  name="title" placeholder="请输入标题" class="layui-input w100"/>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2">图文详情：</label>
                        <div class="col-sm-10">
                            <div class="form-control text">
                                <!--<input type="hidden" name="text_ctn" value="">-->
                                <textarea  name="content" class="form-control kindeditor" style="height:250px;"></textarea>
                                <button type="button" class="btn btn-primary mt10" id="gethtml">确定</button>
                            </div>
                        </div>
                    </div>
                </form>
                </form>
            </div>
        </div>
    </div>
    <script id="tpl_12" type="text/html">
        <div class="configurator editpage_form ">
            <h3 style="padding-left: 10px;" class="fw600 mb10">功能菜单</h3>
            <div class="alert-msg">
                <p><i class="icon_tips"></i>在左侧手机内，拖动应用图标即可排序</p>
                <span class="close_alert"></span>
            </div>
            <div class="zpform_block">
                <dl class="gn_menu_list">
                    <dt>一码通</dt>
                    <dd>
                        <ul>
                            <li class="active">
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_11.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox" checked="true">
                                        <i class="icon-check1"></i>
                                    </label>
                                    <div class="text">防伪查询1</div>
                                    <div class="input"><input  placeholder="输入序号" type="text"></div>
                                </div>
                            </li>

                            <li class="active">
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_14.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox" checked="true">
                                        <i class="icon-check1"></i>
                                    </label>
                                    <div class="text">防伪查询2</div>
                                    <div class="input"><input placeholder="输入序号" type="text"></div>
                                </div>
                            </li>
                            <li>
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_16.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox">
                                        <i class="icon-check1"></i>
                                    </label>
                                    <div class="text">防伪查询3</div>
                                    <div class="input"><input placeholder="输入序号" type="text"></div>
                                </div>
                            </li>
                            <li>
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_18.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox">
                                        <i class="icon-check1"></i>
                                    </label>
                                    <div class="text">防伪查询4</div>
                                    <div class="input"><input placeholder="输入序号" type="text"></div>
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>

                <dl class="gn_menu_list">
                    <dt>赢在移动</dt>
                    <dd>
                        <ul>
                            <li class="active">
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_11.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox"  checked="true">
                                        <i class="icon-check1"></i>
                                    </label>
                                    <div class="text">防伪查询5</div>
                                    <div class="input"><input placeholder="输入序号" type="text"></div>
                                </div>
                            </li>
                            <li class="active">
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_14.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox"  checked="true">
                                        <i class="icon-check1"></i>
                                    </label>
                                    <div class="text">防伪查询6</div>
                                    <div class="input"><input placeholder="输入序号" type="text"></div>
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>

                <dl class="gn_menu_list">
                    <dt>小程序</dt>
                    <dd>
                        <ul>
                            <li class="active">
                                <div class="item_box">
                                    <div class="icon">
                                        <img src="../assets/images/edit/12_11.png" alt="">
                                    </div>
                                    <label class="check-box">
                                        <input type="checkbox"  checked="true">
                                        <i class="icon-check1" ></i>
                                    </label>
                                    <div class="text">防伪查询</div>
                                    <div class="input"><input placeholder="输入序号" type="text"></div>
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
            </div>
            <div class="zpform_block">
                <div class="add_gn_menu" onclick="addzzPro()">
                    <div class="icon">
                        <img src="../assets/images/edit/add_gn_btn.png" alt="">
                    </div>
                    <div class="text">新增菜单</div>
                </div>
            </div>
        </div>
    </script>
</div>















































































<!--商品名称模板-->
<script type="text/html" id="spTemplet">
  <div class="tdpro_templet">
    <div class="pro_hd">
      <img src="{{ d.spmc.img }}" alt="">
    </div>
    <div class="pro_bd">
      <div class="p1">{{ d.spmc.title }}</div>
      <div class="p2">{{ d.spmc.stitle }}</div>
    </div>
  </div>
</script>
<!--选择商品弹框-->
<div id="selproPopup" class="zp_popup_container">
  <div>
    <div class="layui-form zpform">
      <div class="flexg bg-gray" style="padding: 10px 20px;border-radius: 8px;">
        <span class="before_word">筛选</span>
        <div class="input_group" style="flex: 1;">
          <div style="width: 100px;">
            <select name="select5">
              <option value="">客户名称</option>
              <option value="授权类型">授权类型</option>
              <option value="代理品牌">代理品牌</option>
            </select>
          </div>
          <input placeholder="输入客户名称" class="layui-input w190" type="text"  style="flex: 1;">
          <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i></button>
        </div>
      </div>
      <div class="table-border">
        <table class="layui-hide" id="test"></table>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<!--新增菜单弹框-->
<div id="addzzPopup" class="zp_popup_container">
  <div class="bg-black popup-form">
    <div class="layui-form">
      <div class="layui-form-item">
        <div class="layui-form-label">菜单名称</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="输入菜单名称">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label xin">菜单图标</div>
        <div class="layui-input-block">
          <div class="layui-upload" style="width: 250px;">
            <div class="layui-upload-list" style="display: none;">
              <div class="upload-img-box"><i class="icon_del"></i><img src="" class="layui-upload-img">
              </div>
            </div>
            <button type="button" class="addfile_btn"><i></i><span>添加图片</span></button>
          </div>
          <div class="mt5 text-muted">
            <p class="mb0">上传要求：</p>
            <p class="mb0">1.请使用jpg\jpeg\png等格式、单张大小不超过5M的正方形图片。</p>
            <p class="mb0">2.建议尺寸要求：40*40px；</p>
          </div>
        </div>
      </div>
      <div class="layui-form-item mb0">
        <div class="layui-form-label">网址链接</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="http://">
        </div>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>




<!--选择商品设置按钮-->
<script type="text/html" id="shopbtnTpl">
  {{#  if(d.caozuo === '选择'){ }}
  <a href='javascript:;' class="btn btn-primary" onclick="selectShopBtn(this)">选择</a>
  {{#  } else { }}
  <a href='javascript:;' class="btn layui-btn-disabled">不可选择</a>
  {{#  } }}


</script>









<script>
  var $ = jQuery = window.jQuery = layui.jquery;
</script>
<script src="../assets/js/drag-layout/kindeditor/kindeditor.js"></script>
<script src="../assets/js/editpage.js"></script>
<script src="../assets/js/drag-layout/jquery-ui.js"></script>
<script src="../assets/js/drag-layout/drag.js"></script>
<script src="../assets/js/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script src="../assets/js/drag-layout/jquery.htmlClean.js"></script>
</body>
</html>


























